<template>
    <ul class="news-list">
        <!-- query传参 -->
        <!-- <li>编号：{{route.query.id}}</li>
        <li>标题：{{route.query.title}}</li>
        <li>内容：{{route.query.content}}</li> -->
        <!-- params传参 -->
        <li>编号：{{ id }}</li>
        <li>标题：{{ title }}</li>
        <li>内容：{{ content }}</li>
    </ul>
    <div class="pinia">
        <count />
        <lovetalk />
    </div>
</template>

<script setup lang="ts">
defineProps(['id', 'title', 'content'])// props接收参数
import count from '@/components/pinia/count.vue'
import lovetalk from '@/components/pinia/lovetalk.vue'
</script>

<style scoped>
.pinia {
    display: flex;
    justify-content: space-around;
}
</style>